<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<head>
<title>Socrates Team | Sistema de Intercambios.</title>

<!-- CSS -->
<link rel="stylesheet" href="../../common/css/style.css" type="text/css" />
<link rel="stylesheet" href="../../common/css/galleriffic-2.css" type="text/css" />

<!-- FAVICON -->
<link rel="shortcut icon" type="../../common/image/x-icon" href="favicon.ico" />
<link rel="icon" type="../../common/image/x-icon" href="favicon.ico" />
</head>

<body>
	<f:view>

	<!-- CONTAINER -->
	<div class="container">
		<!-- ABOUT  -->
		<div id="about">
			<!-- LOGO + NAV  -->
			<div class="logo" id="top">
				<img src="../../common/images/logo.gif" alt="logo" />
			</div>
			
			<div class="TopNavigation">
				<ul class="nav">
					<li class="inicio"><a href="pages/web/index.html">Inicio</a></li>
					<li class="login"><a href="pages/web/login.xhtml">Login</a></li>
					<li class="compras"><a href="pages/web/compras.xhtml">Compras</a></li>
					<li class="publicaciones active">Publicaciones</li>
				</ul>
			</div>
			<!-- END LOGO + NAV  -->
			
			<!-- START CONTAINER ABOUT -->
			<div id="containerAbout">

				<!-- DESCRIPTION -->
				<div class="leftAbout">
				
					<h2>About</h2>
				
					<p>
						Mi chiamo <strong>Sara</strong> e sono una web designer che ama progettare e disegnare template e altre 
						risorse gratuite. Su <a href="http://www.yourinspirationweb.com/en/">Your Inspiration Web</a> puoi 
						trovare molti template gratuiti per i tuoi progetti personali e non. Oltre a questo, tanti articoli tematici 
						su WordPress, jQuery, Tutorial di Photoshop, showcase di ispirazione e novit� inerenti il mondo del web design. 
						<br/>
						Conosci il progetto <a href="http://www.yourinspiration-magazine.com">Your Inspiration Magazine</a>? 
						La prima rivista digitale gratuita fatta da e per i web designer italiani. Sfoglia ora la rivista, 
						gli articoli sono davvero interessanti!
					</p>
					
					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean auctor blandit ante vitae semper. 
					</p>
				
				</div>
				<!-- END DESCRIPTION -->
				
				<!-- SHORT NEWS FROM TWITTER -->
				<div class="rightAbout">
				
					<h3>Short news</h3>
					
					<ul id="twitter_update_list">
						<li></li>
					</ul>
			        <!-- START EMBED TWITTER -->
			        <script src="js/twitter.js" type="text/javascript"></script>
			        <script src="http://twitter.com/statuses/user_timeline/YIW.json?callback=twitterCallback&amp;count=5" type="text/javascript"></script>
			        <!-- END EMBED TWITTER -->
			        
				</div>
				<!-- END SHORT NEWS FROM TWITTER -->
				
				<div class="clearer"></div>
			</div>
			<!-- END CONTAINER ABOUT -->
				
		</div>
		<!-- END ABOUT  -->
	
		<!-- FOOTER  -->
		<p class="footer">
			Copyright &copy; 2012 Socrates Team. All Rights Reserved.
		</p>
		<!-- END FOOTER -->
		
	</div>
	<!-- END CONTAINER -->
	</f:view>
</body>
</html>
